<ui:component xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:t="http://myfaces.apache.org/tomahawk">
	
	<t:dataScroller id="#{id}" for="#{forComponent}" paginator="true" paginatorMaxPages="#{maxPages}" 
		disableFacetLinksIfFirstPage="true" disableFacetLinksIfLastPage="true"
    	pageCountVar="pageCount" pageIndexVar="pageIndex" actionListener="#{actionListenerBackbean[actionListenerMethod]}"
    	paginatorColumnClass="datascroller-column" paginatorActiveColumnClass="datascroller-column-selected"> 
	    <f:facet name="first">
	   		<h:graphicImage library="images" name="datascroller/icon-control-first.png" rendered="#{pageIndex != 1}" styleClass="datascroller-image" alt="first"/>
	   		<h:graphicImage library="images" name="datascroller/icon-control-first-disabled.png" rendered="#{pageIndex == 1}" styleClass="datascroller-image" alt="first"/>
	    </f:facet>
	    <f:facet name="last">
	   		<h:graphicImage library="images" name="datascroller/icon-control-last.png" rendered="#{pageIndex != pageCount}" styleClass="datascroller-image" alt="last"/>
	   		<h:graphicImage library="images" name="datascroller/icon-control-last-disabled.png" rendered="#{pageIndex == pageCount}" styleClass="datascroller-image" alt="last"/>
	    </f:facet>
	    <f:facet name="previous">
	   		<h:graphicImage library="images" name="datascroller/icon-control-previous.png" rendered="#{pageIndex != 1}" styleClass="datascroller-image" alt="previous"/>
	   		<h:graphicImage library="images" name="datascroller/icon-control-previous-disabled.png" rendered="#{pageIndex == 1}" styleClass="datascroller-image" alt="previous"/>
	    </f:facet>
	    <f:facet name="next">
	   		<h:graphicImage library="images" name="datascroller/icon-control-next.png" rendered="#{pageIndex != pageCount}" styleClass="datascroller-image" alt=""/>
	   		<h:graphicImage library="images" name="datascroller/icon-control-next-disabled.png" rendered="#{pageIndex == pageCount}" styleClass="datascroller-image" alt="next"/>
	    </f:facet>
	</t:dataScroller>	
</ui:component>